<!doctype html>
<html>
<head>
	<link href="../../jquery/jquery-ui/jquery-ui.css" rel="stylesheet" type="text/css" />
	<style>
		body {
			text-align : center;
		}
	</style>
	<script src="../../jquery/jquery.js"></script>
	<script src="../../jquery/jquery-ui/jquery-ui.js"></script>
	<script type="text/javascript">
		$(document).ready(function() {
			$("#date").datepicker({
				dateFormat : 'yy/m/d',
				constrainInput : true,
				dayNamesMin : ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
				yearRange : '-50:+10',
				
				changeMonth : true,
				changeYear : true,
				showMonthAfterYear : true,
				
				showButtonPanel : true,
				currentText : 'This Month',
				closeText : 'OK',
				
				showAnim : 'slideDown'
			});
		});
	</script>
</head>
<body>
	<form>
		<input type="input" name="date" id="date" />
	</form>
</body>
</html>